<template>
  <div class="app-container">
    <MmvTitle title="订单信息"></MmvTitle>
    <el-form label-width="100px" label-position="right">
      <el-row :gutter="15">
        <el-col :span="12"><el-form-item label="	订单编号	">{{form.orderNo	}}</el-form-item></el-col>
        <el-col :span="12"><el-form-item label="	客户姓名	">{{form.customerName	}}</el-form-item></el-col>
        <el-col :span="12"><el-form-item label="	租期	">{{form.leaseTerm	}}</el-form-item></el-col>
        <el-col :span="12"><el-form-item label="	实际租期	">{{form.actualLeaseTerm	}}</el-form-item></el-col>
        <el-col :span="12"><el-form-item label="	订单状态	">{{form.orderStatus	}}</el-form-item></el-col>
        <el-col :span="12"><el-form-item label="	取车地址	">{{form.pickUpAddress	}}</el-form-item></el-col>
        <el-col :span="12"><el-form-item label="	还车地址	">{{form.returnAddress	}}</el-form-item></el-col>
        <el-col :span="12"><el-form-item label="	车牌	">{{form.licensePlate	}}</el-form-item></el-col>
        <el-col :span="12"><el-form-item label="	携程订单号	">{{form.ctripOrderNo	}}</el-form-item></el-col>
        <el-col :span="12"><el-form-item label="	付款方式	">{{form.paymentMethod	}}</el-form-item></el-col>
        <el-col :span="12"><el-form-item label="	下单金额	">{{form.orderAmount	}}</el-form-item></el-col>
        <el-col :span="12"><el-form-item label="	携程实收金额	">{{form.ctripPaidInAmount	}}</el-form-item></el-col>
        <el-col :span="12"><el-form-item label="	活动优惠金额	">{{form.discountAmount	}}</el-form-item></el-col>
        <el-col :span="12"><el-form-item label="	租车预授权	">{{form.authorization	}}</el-form-item></el-col>
        <el-col :span="12"><el-form-item label="	需租车预授权	">{{form.authorizationRequired	}}</el-form-item></el-col>
        <el-col :span="12"><el-form-item label="	违章预授权	">{{form.illegalAuthorization	}}</el-form-item></el-col>
        <el-col :span="12"><el-form-item label="	需违章预授权	">{{form.illegaRequired	}}</el-form-item></el-col>
        <el-col :span="12"><el-form-item label="	提前还车金额	">{{form.earlyReturnAmount	}}</el-form-item></el-col>
        <el-col :span="12"><el-form-item label="	超小时费	">{{form.extraHourlyFee	}}</el-form-item></el-col>
        <el-col :span="12"><el-form-item label="	送车上门服务费	">{{form.serviceFee	}}</el-form-item></el-col>
        <el-col :span="12"><el-form-item label="	上门取车服务费	">{{form.pickUpServiceFee	}}</el-form-item></el-col>
        <el-col :span="12"><el-form-item label="	代驾费用	">{{form.drivingFee	}}</el-form-item></el-col>
        <el-col :span="12"><el-form-item label="	超公里费	">{{form.extraKilometerFee	}}</el-form-item></el-col>
        <el-col :span="12"><el-form-item label="	燃油费	">{{form.fuelCost	}}</el-form-item></el-col>
        <el-col :span="12"><el-form-item label="	清洗费	">{{form.cleaningFee	}}</el-form-item></el-col>
        <el-col :span="12"><el-form-item label="	误工费	">{{form.lossOfWorking	}}</el-form-item></el-col>
        <el-col :span="12"><el-form-item label="	维修费	">{{form.maintenanceCost	}}</el-form-item></el-col>
        <el-col :span="12"><el-form-item label="	加油服务费	">{{form.refuelingServiceFee	}}</el-form-item></el-col>
        <el-col :span="12"><el-form-item label="	夜间服务费	">{{form.nightServiceCharge	}}</el-form-item></el-col>
        <el-col :span="12"><el-form-item label="	其他费用	">{{form.otherExpenses	}}</el-form-item></el-col>
        <el-col :span="12"><el-form-item label="	基础服务费	">{{form.basicServiceFee	}}</el-form-item></el-col>
        <el-col :span="12"><el-form-item label="	租车费	">{{form.carRentalFee	}}</el-form-item></el-col>
        <el-col :span="12"><el-form-item label="	服务费	">{{form.serviceCharge	}}</el-form-item></el-col>
        <el-col :span="12"><el-form-item label="	异门店还车费	">{{form.differentStore	}}</el-form-item></el-col>
        <el-col :span="12"><el-form-item label="	最终总订单金额	">{{form.finalAmount	}}</el-form-item></el-col>
        <el-col :span="12"><el-form-item label="	还车公里数	">{{form.returnKilometers	}}</el-form-item></el-col>
        <el-col :span="12"><el-form-item label="	取车公里数	">{{form.pickUpKilometers	}}</el-form-item></el-col>
        <el-col :span="12"><el-form-item label="	还车油量	">{{form.returnFuelVolume	}}</el-form-item></el-col>
        <el-col :span="12"><el-form-item label="	取车油量	">{{form.vehicleOilVolume	}}</el-form-item></el-col>
        <el-col :span="12"><el-form-item label="	实际还车时间	">{{form.actualReturnTime	}}</el-form-item></el-col>
        <el-col :span="12"><el-form-item label="	还车服务类型	">{{form.returnServiceType	}}</el-form-item></el-col>
        <el-col :span="12"><el-form-item label="	还车时间	">{{form.returnTime	}}</el-form-item></el-col>
        <el-col :span="12"><el-form-item label="	实际取车时间	">{{form.actualPickUpTime	}}</el-form-item></el-col>
        <el-col :span="12"><el-form-item label="	取车服务类型	">{{form.typeService	}}</el-form-item></el-col>
        <el-col :span="12"><el-form-item label="	取车时间	">{{form.pickUpTime	}}</el-form-item></el-col>
        <el-col :span="12"><el-form-item label="	车型	">{{form.model	}}</el-form-item></el-col>
        <el-col :span="12"><el-form-item label="	门店名称	">{{form.storeName	}}</el-form-item></el-col>
        <el-col :span="12"><el-form-item label="	城市名称	">{{form.cityName	}}</el-form-item></el-col>
        <el-col :span="12"><el-form-item label="	供应商	">{{form.supplier	}}</el-form-item></el-col>
        <el-col :span="12"><el-form-item label="	下单时间	">{{form.orderTime	}}</el-form-item></el-col>
        <el-col :span="12"><el-form-item label="	订单渠道	">{{form.orderChannel	}}</el-form-item></el-col>
        <el-col :span="12"><el-form-item label="	续租费	">{{form.renewalFee	}}</el-form-item></el-col>
        <el-col :span="12"><el-form-item label="	是否优选	">{{form.preferredOrNot	}}</el-form-item></el-col>
        <el-col :span="12"><el-form-item label="	订单类型	">{{form.orderType	}}</el-form-item></el-col>
        <el-col :span="12"><el-form-item label="	儿童座椅	">{{form.childSeat	}}</el-form-item></el-col>
        <el-col :span="12"><el-form-item label="	GPS服务费	">{{form.gpsServiceFee	}}</el-form-item></el-col>
        <el-col :span="12"><el-form-item label="	优享服务费	">{{form.preferentialServiceFee	}}</el-form-item></el-col>
        <el-col :span="12"><el-form-item label="	无忧尊享服务费	">{{form.worryFreeServiceFee	}}</el-form-item></el-col>
        <el-col :span="12"><el-form-item label="	违约金	">{{form.liquidatedDamages	}}</el-form-item></el-col>
        <el-col :span="12"><el-form-item label="	第三方实收费用	">{{form.thirdPartyPaid	}}</el-form-item></el-col>
        <el-col :span="12"><el-form-item label="	应收实收差异	">{{form.receivableActual	}}</el-form-item></el-col>
        <el-col :span="12"><el-form-item label="	订单实收金额	">{{form.orderPaidInAmount	}}</el-form-item></el-col>
        <el-col :span="12"><el-form-item label="	补款金额	">{{form.supplementary	}}</el-form-item></el-col>
        <el-col :span="12"><el-form-item label="	补款退款金额	">{{form.refundAmount	}}</el-form-item></el-col>
        <el-col :span="12"><el-form-item label="	订单应收金额	">{{form.receivableAmount	}}</el-form-item></el-col>
        <el-col :span="12"><el-form-item label="	车损	">{{form.vehicleDamage	}}</el-form-item></el-col>
        <el-col :span="12"><el-form-item label="	违章扣款	">{{form.illegalDeduction	}}</el-form-item></el-col>
        <el-col :span="12"><el-form-item label="	送车司机	">{{form.deliveryDriver	}}</el-form-item></el-col>
        <el-col :span="12"><el-form-item label="	收车司机	">{{form.receivingDriver	}}</el-form-item></el-col>
        <el-col :span="12"><el-form-item label="	车辆来源	">{{form.source	}}</el-form-item></el-col>
        <el-col :span="12"><el-form-item label="	车辆来源供应商	">{{form.sourceSupplier	}}</el-form-item></el-col>
        <el-col :span="12"><el-form-item label="	身份证件类型	">{{form.typeOfIdCard	}}</el-form-item></el-col>
        <el-col :span="12"><el-form-item label="	租赁类型	">{{form.leaseType	}}</el-form-item></el-col>
      </el-row>
      </el-form>
  </div>
</template>

<script>
import * as api from '@/api/luxuryOrder/index';
import MmvTitle from '@/components/MmvUI/MmvTitle.vue';
import * as uilts from '@/utils/index'

export default {
  components: {
    MmvTitle,
  },
  props: ['orderNo'],
  filters: {
    memberType(val) {
      return {
        1: '企业',
        2: '个人',
      }[Number(val)] || '';
    },
    memberSource(val) {
      return {
        1: '搜索',
        2: '分享',
        3: '扫码',
        4: '手动录入',
      }[Number(val)] || '';
    },
    imageUrl(url) {
      return process.env.VUE_APP_BASE_IMAGE_URL + url
    },
  },
  dicts: ['memberType', 'sys_order_source', 'sys_order_status', 'style_model', 'fuel_type', 'speed_changing_box','seat','displacement'],
  data() {
    return {
      detail: {
        "orderInfo": {//订单信息
          "orderNo": '', //  "05055c045ad744799ee12ac0f3f41050",//订单编号
          "orderStatus": '', //  11,//订单状态
          "rentalType": '', //  null,//取车类型
          "takeStoreName": '', //  "北广场自助点",//取车门店
          "alsoStoreName": '', //  "北广场自助点",//还车门店
          "actualStartTime": '', //  null,//实际取车时间
          "actualEndTime": '', //  null,//实际还车时间
          "leaseDays": '', //  2//租赁天数
        },
        "carInfo": {//车辆信息
          "modelName": '', //  "风骏5",//预定品牌/车系/车型
          "carNo": '', //  null,//车牌号
          "vinNo": '', //  null,//车架号
          "engineNo": '', //  null,//发动机号
          "styleModel": '', //  null,//能源形式
          "fuelType": '', //  null,//燃油类型
          "speedChangingBox": '', //  null,//变速箱
          "seating": '', //  null,//座位数
          "displacement": '', //  null//排量
        },
        "customerInfo": {//客户信息
          "memberNo": '', //  "M16462134546695155",//客户编号
          "memberType": '', //  2,//客户类型
          "memberName": '', //  "代元宝",//客户名称/企业名称
          "memberSource": '', //  4,//客户来源
          "contactPhone": '', //  "13892006829",//联系电话
          "contactAddress": '', //  "陕西省西安市碑林区",//联系地址 /企业地址
          "cardId": '', //  "610423198901224412",//身份证号
          "cardValidity": '', //  "2026-01-01",//身份证有效期
          "sfUrl": [], //身份证图片
          "drivingId": '', // "610423198901224412",//驾驶证编号
          "drivingType": '', // "c1",//驾驶证类型
          "drivingValidity": '', // "2026-01-01",//驾驶证有效期
          "jsUrl": [],//驾驶证图片
          "businessLicenseUrl": null,//营业执照
          "creditCode": null //统一社会信用代码
        },
        "carInspection": {//交车验车单
          "id": '', //  "05055c045ad744799ee12ac0f3f41051",
          "fuelCapacity": '', //  1.0,//车辆油量
          "vehicleMileage": '', //  1.0,//公里数
          "accessoryItems": '', //  null,//车辆随车物品(逗号隔开)
          "remark": '', //  null,//其他描述
          "takeAlsoTime": '', //  null,//取车时间
          "conductor": '', //  "张三",//处理人
          "bodyImage": [], //  null,//车身照片
          "panelImage": [], //  null,//仪表盘
          "interiorImage": [], //  null,//内饰照片
          "scratchImage": [], //  null,//车辆划痕
          "signImage": [], //  null//客户签名
        },
        "alsoCarCheck": {//还车验车单
          "id": '', //  "05055c045ad744799ee12ac0f3f41051",
          "fuelCapacity": '', //  1.0,//车辆油量
          "vehicleMileage": '', //  1.0,//公里数
          "accessoryItems": '', //  null,//车辆随车物品(逗号隔开)
          "remark": '', //  null,//其他描述
          "takeAlsoTime": '', //  null,//还车时间
          "conductor": '', //  "张三",//处理人
          "lkosten": '', //  null,//补充油费(还车验车)
          "bodyImage": [], //  null,//车身照片
          "panelImage": [], //  null,//仪表盘
          "interiorImage": [], //  null,//内饰照片
          "scratchImage": [], //  null,//车辆划痕
          "signImage": [], //  null//客户签名
        }
      },
    }
  },
  created() {
    this.getData();
  },
  methods: {
    uilts: uilts,
    getData() {
      api.detail(this.orderNo).then(response => {
        console.log(response)
        // this.detail = response.data || {};
        this.detail.orderInfo = response.data.orderInfo || {};
        this.detail.customerInfo = response.data.customerInfo || {};
        this.detail.carInfo = response.data.carInfo || {};
        this.detail.alsoCarCheck = response.data.alsoCarCheck || {};
        this.detail.carInspection = response.data.carInspection || {};
        this.detail.alsoCarCheck = response.data.alsoCarCheck || {};
      });
    },
  },
}
</script>
